<template>
	<view>
		<view class="uni-flex " style="margin-left: 30rpx;background-color: #FFFFFF;border-bottom: 1rpx #EFEFEF solid;">
			<view class="mobile-text">手机号</view>
			<view class="mobile">189****7165</view>
			<view class="fasong">发送验证码</view>
		</view>
		<view class="uni-flex " style="margin-left: 30rpx;background-color: #FFFFFF;">
			<view class="mobile-text">验证码</view>
			<input value="" type="number" placeholder="请输入验证码" class="mobile"/>
			<!-- <view class="mobile">
				
			</view> -->
		</view>
		<view class="" style="padding:20rpx 54rpx 80rpx;" >
			<submitButtom text="验证信息" :buttonMethod="submit"></submitButtom>
		</view>
	</view>
</template>

<script>
	import submitButtom from "@/components/submit-button/submit-button.vue"
	export default {
		components:{
			submitButtom
		},
		data() {
			return {
				
			}
		},
		methods: {
			submit:function(){
				this.$util.toUrl('./zhifupwd');
			}
		}
	}
</script>

<style lang="scss">
	page{
		background-color: $page-bg-color;
	}
	.mobile-text{
		height:40rpx;
		font-size:28rpx;
		font-weight:400;
		color:rgba(25,25,25,1);
		line-height:40rpx;
		padding: 28rpx 48rpx 28rpx 0;
	}
	.mobile{
		height:40rpx;
		font-size:28rpx;
		font-weight:400;
		color:rgba(138,139,144,1);
		line-height:40rpx;
		padding: 28rpx 0 28rpx 0;
		flex: 1;
	}
	.fasong{
		height:34rpx;
		font-size:24rpx;
		font-weight:400;
		color:$uni-text-color-inverse;
		line-height:34rpx;
		padding: 12rpx 18rpx;
		border-radius:29rpx;
		margin-right: 30rpx;
		margin-top: 20rpx;
		background-color: $uni-color-primary;
	}
</style>
